<!--@Author: ZL-->
<!--@Date:   2021/3/29-->
<!--@Last Modified by:   ZL-->
<!--@Last Modified time: $ $-->
<!--一级菜单-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- begin::Head -->

<head>
  <title></title>
  <meta charset="UTF-8">
  <meta name="referrer" content="no-referrer-when-downgrade"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <!--引入样式-->
  <link rel="stylesheet"
        href="../../../../../static/agcloud/framework/js-lib/element-2.15.1/element.css"
        th:href="@{/agcloud/framework/js-lib/element-2/element.css}"/>
  <link rel="stylesheet"
        href="../../../../../static/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css"
        th:href="@{/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css}">
  <link rel="stylesheet"
        href="../../../../../static/agcloud/framework/ui-private/default/green/css/theme.css"
        th:href="@{/agcloud/framework/ui-private/default/green/css/theme.css}">
  <link rel="stylesheet"
        href="../../../../../static/agcloud/framework/js-lib/agcloud-lib/css/reset.css"
        th:href="@{/agcloud/framework/js-lib/agcloud-lib/css/reset.css}">
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/ui-schemes/header-no-left/css/index.css"
        th:href="@{/agcloud/framework/ui-schemes/header-no-left/css/index.css}">
  <script>
    var ctx = '[[@{/}]]';
    // var ctx = 'http://192.168.4.158:7085/opus-admin-rest/';
  </script>
</head>

<body>
<div id="portalMenu" v-cloak>
  <div class="logoutSrc" v-for="(item) in logoutSrc" style="display: none">
    <iframe v-if="logoutIframe" :src="item" frameborder="0"></iframe>
  </div>
  <!--BEGIN:头部菜单-->
  <header class="protal-header">
    <div class="subsystem-logo">
      <img src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/logo.png"
           v-if="portalTitle==null" th:src="@{/agcloud/framework/ui-schemes/header-no-left/images/logo.png}"
           alt="">
      <img src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/logo.png" v-else
           :src="ctx+portalLogoUrl" alt="1">
    </div>
    <el-menu :default-active="headerActive" class="header-menu" mode="horizontal">
      <template v-for="(menu, index) in headerDataShow">
        <el-submenu :index="menu.menuId" v-if="menu.childrenList&&menu.childrenList.length>0">
          <template slot="title">{{menu.menuName}}</template>
          <el-menu-item @click="headerChangeMenu(menuChild)" :index="menu.menuId" v-for="menuChild in menu.childrenList"
                        :key="menu.menuId">{{menuChild.menuName}}
          </el-menu-item>
        </el-submenu>
        <el-menu-item @click="headerChangeMenu(menu)" :index="menu.menuId" v-else>{{menu.menuName}}</el-menu-item>
      </template>
      <el-submenu index="menuHide" v-if="hideHeaderData&&hideHeaderData.length>0&&showMenuMore">
        <template slot="title">
          <span class="el-icon-more"></span>
        </template>
        <template v-for="menuHide in hideHeaderData">
          <el-submenu :index="menuHide.menuId" v-if="menuHide.childrenList&&menuHide.childrenList.length>0">
            <template slot="title">{{menuHide.menuName}}</template>
            <el-menu-item @click="headerChangeMenu(menuHide)" :index="menuHide.menuId" :key="menuHide.menuId"
                          v-for="menuHideChild in menuHide.childrenList">{{menuHideChild.menuName}}
            </el-menu-item>
          </el-submenu>
          <el-menu-item @click="headerChangeMenu(menuHide)" :index="menuHide.menuId" v-else>{{menuHide.menuName}}
          </el-menu-item>
        </template>
      </el-submenu>
    </el-menu>
    <div class="user-info-topbar fr">
      <span class="header-icon fl"
            @click="addTab($event,{menuName:'公告',menuId:'noticeDetail',menuInnerUrl: ctx+'rest/aoa/notice/content/viewNotice?businessFlag=busiTypeDefault'},activeTabIframe,'')">
        <img src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/tips-ilinear_2.png"
             th:src="@{/agcloud/framework/ui-schemes/header-no-left/images/tips-ilinear_2.png}" alt="">
        <el-badge v-show="noticeCount>0" :value="noticeCount"></el-badge>
      </span>
      <span class="header-icon fl">
        <img src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/tips-question.png"
             th:src="@{/agcloud/framework/ui-schemes/header-no-left/images/tips-question.png}" alt="">
      </span>
      <div class="user-info fl" @click="showEditUserInfo" @mouseleave="editUserInfoFlag = false">
        <img v-if="userSex==0"
             src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/user_man.jpg"
             th:src="@{/agcloud/framework/ui-schemes/header-no-left/images/user_man.jpg}" class="user-img fl">
        <img v-else src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/user_woman.jpg"
             th:src="@{/agcloud/framework/ui-schemes/header-no-left/images/user_woman.jpg}" class="user-img fl">
        <span>{{userName}}</span>
        <span class="header-icon fr">
          <span class="ag ag-down-arrow"></span>
        </span>
        <transition name="el-zoom-in-top">
          <div class="login-info" v-show="editUserInfoFlag">
            <div class="login-info-header">
              <div class="fl user-photo">
                <img v-if="userSex==0"
                     src="../../../../../static/agcloud/framework/ui-schemes/default/images/user_man.jpg"
                     th:src="@{/agcloud/framework/ui-schemes/default/images/user_man.jpg}" class="user-img fl">
                <img v-else src="../../../../../static/agcloud/framework/ui-schemes/default/images/user_woman.jpg"
                     th:src="@{/agcloud/framework/ui-schemes/default/images/user_woman.jpg}" class="user-img fl">
              </div>
              <p class="user-base-info">{{userName}} <span v-if="userData.userCode">（{{userData.userCode}}）</span>
              </p>
              <p class="user-base-info">{{loginName}}</p>
            </div>
            <div class="user-org-list" v-if="orgList&&orgList.length">
              <div v-for="u in orgList" class="uo-urow clearfix">
                <div class="uo-bmt">部门</div>
                <div class="uo-bmn" :title="u.orgName">{{u.orgName}}</div>
              </div>
            </div>
            <div class="uope-box clearfix">
              <div class="uope-boxu" @click="userInfoFlag=true">
                <div class="icon"><i class="ag ag-user"></i></div>
                <div>个人信息</div>
              </div>
              <div class="uope-boxu" @click="editPasswordFlag=true">
                <div class="icon"><i class="ag ag-Start"></i></div>
                <div>修改密码</div>
              </div>
              <div class="uope-boxu" @click="getCommitsList">
                <div class="icon"><i class="ag ag-community"></i></div>
                <div>常用意见</div>
              </div>
            </div>
            <div class="logout-btn">
              <div class="sys-hint-box clearfix">
                <div class="fl">系统消息强提醒</div>
                <div class="fr">
                  <!--                active-color="#13ce66"-->
                  <el-switch @change="changeForceHint" v-model="forceHint"></el-switch>
                </div>
              </div>
              <el-button @click="logout($event)"><i class="logout-icon"></i>退出登录</el-button>
            </div>
          </div>
        </transition>
      </div>
    </div>
  </header>
  <!--END:头部菜单-->
  <div class="protal-content">
    <!--BEGIN:顶部选项卡-->
    <div class="top-tabs">
      <div class="shortcut-menu fl">
        <img src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/images/shortcut-menu.png"
             th:src="@{/agcloud/framework/ui-schemes/header-no-left/images/shortcut-menu.png}" alt="快捷菜单">
      </div>
      <el-tabs v-model="activeTabIframe" type="card" closable @tab-remove="removeTab" @tab-click="changeTab"
               @contextmenu.native.prevent="tabMouseRightClick">
        <el-tab-pane v-for="(item, index) in activeTabData" :key="item.menuId" :name="item.menuId">
          <template slot="label"><i v-if="item.menuIconCss" class="menu-tab-icon ag" :class="item.menuIconCss"></i>
            {{item.menuName}}
          </template>
          <div class="content-iframe" :style="{ height: (curHeight-105) + 'px' }">
            <iframe :src="item.menuInnerUrl" frameborder="0" name="_blank"></iframe>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
    <!--END:顶部选项卡-->
    <div class="popup_menu" v-show="showTabOpt" :style="{top:tabOptTop+10+'px',left:tabOptleft+10+'px'}">
      <ul>
        <li @click="closeOther()">
          <a href="javascript:;"><i class="el-icon-close"></i> 关闭其他标签页</a>
        </li>
        <li @click="closeLeft()">
          <a href="javascript:;"><i class="el-icon-close"></i> 关闭左边标签页</a>
        </li>
        <li @click="closeRight()">
          <a href="javascript:;"><i class="el-icon-close"></i> 关闭右边标签页</a>
        </li>
        <li @click="refreshUrl">
          <a href="javascript:;"><i class="fa fa-times"></i> 刷新</a>
        </li>
      </ul>
    </div>
  </div>

  <!--个人详细信息弹窗 start-->
  <el-dialog title="个人详细信息" class="user-info-dia" :visible.sync="userInfoFlag" top="30vh" width="760px"
             @closed="clearDialogData('userInfoData')">
    <el-form :model="userData" :inline="true" label-width="100px" class="clearfix" ref="userInfoData">
      <el-col :span="12">
        <el-form-item label="姓名：">
          <el-input size="small" disabled v-model="userData.userName"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="工号：">
          <el-input size="small" disabled v-model="userData.userCode" placeholder="请输入工号"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="常用地址：">
          <el-input size="small" v-model="userData.userFamilyAddress" placeholder="请输入常用地址"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="户口所在地：">
          <el-input size="small" v-model="userData.userDomicilePlace" placeholder="请输入户口所在地"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话：">
          <el-input size="small" v-model="userData.userMobile" placeholder="请输入联系电话"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="邮箱：">
          <el-input size="small" v-model="userData.userEmail" placeholder="请输入邮箱"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="职务：">
          <el-input size="small" v-model="userData.userPost" placeholder="请输入职务"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="任职时间：">
          <el-date-picker placeholder="请选择任职时间" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
                          v-model="userData.userAssignDate">
          </el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="是否拒收短信：" label-width="120px">
          <el-radio v-model="userData.isRejectSms" label="1">是</el-radio>
          <el-radio v-model="userData.isRejectSms" label="0">否</el-radio>
        </el-form-item>
      </el-col>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button size="small" @click="userInfoFlag = false;">关闭</el-button>
      <el-button size="small" type="primary" @click="editUserInfoSubmit">保存</el-button>
    </div>
  </el-dialog>
  <!--个人详细信息弹窗 end-->
  <!--修改密码弹窗 start-->
  <el-dialog title="修改密码" class="edit-password" :visible.sync="editPasswordFlag" top="30vh" width="460px"
             @closed="clearDialogData('editPasswordData')">
    <el-form :model="editPasswordData" :rules="editPasswordRule" ref="editPasswordData">
      <el-form-item label="请输入原密码：" label-width="160px" prop="oldPassword">
        <el-input size="small" v-model="editPasswordData.oldPassword" type="password"></el-input>
      </el-form-item>
      <el-form-item label="请输入新密码：" label-width="160px" prop="newPassword">
        <el-input size="small" v-model="editPasswordData.newPassword" type="password"></el-input>
      </el-form-item>
      <el-form-item label="请再次输入新密码：" label-width="160px" prop="newPasswordCheck">
        <el-input size="small" v-model="editPasswordData.newPasswordCheck" type="password"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button size="small" @click="editPasswordFlag = false;">取消</el-button>
      <el-button size="small" type="primary" @click="editPasswordSubmit">保存</el-button>
    </div>
  </el-dialog>
  <!--修改密码弹窗 end-->
  <!--个人常用意见弹窗 start-->
  <el-dialog title="个人常用意见" top="30vh" class="user-commits" :visible.sync="userCommitsFlag" width="600px">
    <el-button size="mini" type="primary" @click="addCommit()">新增意见</el-button>
    <el-table :data="commentsList">
      <el-table-column property="opinionContent" label="常用意见"></el-table-column>
      <el-table-column property="_handle" label="操作" width="150" class="handle-icon">
        <template slot-scope="scope">
          <span title="编辑" class="handle-icon-item el-icon-edit" @click="editCommit(scope.row)"></span>
          <span title="删除" class="handle-icon-item el-icon-delete"
                @click="deleteUseComment(scope.row.opinionId)"></span>
        </template>
      </el-table-column>
    </el-table>
    <el-dialog :title="editAddTitle" top="30vh" @closed="clearDialogData('commentInfo')" append-to-body
               class="edit-comments" :visible.sync="submitCommentsFlag2" width="600px">
      <el-form :model="commentInfo" ref="commentInfo" label-width="100px">
        <el-form-item label="意见">
          <el-input size="small" type="textarea" v-model="commentInfo.opinionContent" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="排序号">
          <el-input size="small" type="number" v-model="commentInfo.sortNo" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="mini" @click="submitCommentsFlag2 = false">关闭</el-button>
        <el-button size="mini" type="primary" @click="updateComment()">保存</el-button>
      </div>
    </el-dialog>
    <div slot="footer" class="dialog-footer">
      <el-button size="mini" @click="userCommitsFlag = false">关闭</el-button>
    </div>
  </el-dialog>
  <!--个人常用意见弹窗 end-->
</div>
</body>
<!-- 配置文件引入 -->
<script src="../../../../../static/agcloud/framework/js-lib/jquery-v1/jquery.min.js"
        th:src="@{/agcloud/framework/js-lib/jquery-v1/jquery.min.js}"></script>
<script src="../../../../../static/agcloud/framework/js-lib/vue-v2/vue.js"
        th:src="@{/agcloud/framework/js-lib/vue-v2/vue.js}" type="text/javascript"></script>
<script src="../../../../../static/agcloud/framework/js-lib/element-2.15.1/element.js"
        th:src="@{/agcloud/framework/js-lib/element-2/element.js}" type="text/javascript"></script>
<script src="../../../../../static/agcloud/framework/js-lib/agcloud-lib/js/common.js"
        th:src="@{/agcloud/framework/js-lib/agcloud-lib/js/common.js}"></script>
<script src="../../../../../static/agcloud/framework/js-lib/agcloud-lib/js/mixins.js"
        th:src="@{/agcloud/framework/js-lib/agcloud-lib/js/mixins.js}"></script>
<script src="../../../../../static/agcloud/framework/ui-schemes/header-no-left/js/index.js" type="text/javascript"
        th:src="@{/agcloud/framework/ui-schemes/header-no-left/js/index.js}"></script>


</html>